<template>
	<view>
		<!-- 右侧按钮 -->
		<view class="kefu-box" :class="isShow ?'' :'hide'"  @click="tianjiakefu">
			<image src="@/static/img/Details/kefu.png" mode="widthFix"></image>
			<view>客服</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "side-kefu",
		props:['isScroll'],
		data() {
			return {
				isShow:true,
			};
		},
		created() {
		
		},
		watch:{
			isScroll: {
				handler: function(a, b) {
					this.isShow=a
				},
				immediate: true
			},
		},
		computed: {
			
		},
		methods: {
			//拉起小程序添加客服页面
			tianjiakefu(){
				plus.share.getServices(res => {
					let sweixin = null;
					sweixin = res.find(i => i.id === 'weixin')
					uni.showToast({
						title: sweixin,
						icon: 'none'
					})
				
					if (sweixin) {
						// 分享跳转到微信小程序
						sweixin.launchMiniProgram({
							id: "gh_cd40829a4ca1", //微信小程序原生id
							path: "pagesOne/kefujingli/addkefu", //    打开小程序的页面路径，不传默认跳转首页
							type: 0 //     微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
						})
					} else {
						uni.showToast({
							title: '请安装微信',
							icon: 'none'
						})
					}
				}, err => {
					console.log("分享失败"); // 获取分享服务列表失败
				});
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.kefu-box{
		width: 90rpx;
		padding:36rpx 0;
		position: fixed;
		right:20rpx;
		top: 60%;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0px 2rpx 8rpx 0px rgba(0,0,0,0.1);
		border-radius: 48rpx;
		text-align: center;
		z-index: 10;
		transform: translateX(0);
		transition:  transform 0.15s linear;
		&.hide {
		  transform: translateX(150%);
		}
		image{
			width: 40rpx;
			height: 40rpx;
		}
		view{
			margin-top: -10rpx;
			font-size:18rpx;
			color:#6C717E;
		}
	}
</style>